@charset "utf-8";

/* ===============================================
Date : 2013-10-01 ~ 2014-11-30
Description : css 초기화 및 공통 클래스 정의
=============================================== */

/* tag reset */
html {overflow-y:scroll;width:100%;margin:0;padding:0;}
body {font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,Helvetica,AppleGothic,Sans-serif;width:100%;height:100%;color:#000;line-height:1;}
iframe body{background-color:transparent;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,Helvetica,AppleGothic,Sans-serif;font-size:12px;}
caption, hr, legend {display:none;}
img, fieldset {border:none;}
img {vertical-align:middle}
a {text-decoration:none;cursor:pointer;color:#000}
a:hover {text-decoration:none;color:#000}
button {cursor:pointer}
ul, ol {list-style:none;}
table {border-collapse:collapse;width:100%;border-width:0;border-spacing:0;}
/*caption {height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-20000px}*/
input, button, select, textarea {display:inline-block;vertical-align:middle;}
textarea {resize:none;}
address,caption,cite,code,dfn,em,i,var {font-style:normal;font-weight:normal;}
a, cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block;}
sub {vertical-align:bottom;font-family:helvetica}
sup {vertical-align:top;font-family:helvetica}

input[type="text"],
input[type="password"],
textarea {border:1px solid #ccc;padding:5px;height:15px;background:#fff;-webkit-appearance:none}
input[disabled="disabled"] {background:#f0f0f0;border:1px solid #f0f0f0;color:#555}
input[readonly="readonly"] {background:#f0f0f0}
input[type="checkbox"],
input[type="radio"] {width:13px;height:13px;margin:0;padding:0;}
input[type="file"] {border:1px solid #ccc;height:25px;background:#fff;-webkit-appearance:none}
select {position:relative;border:1px solid #d1d1d1;height:27px;padding:2px;}

/* common class define */
.dis-n {display:none}
.inline {display:inline}
.block {display:block}
.hidden {position:absolute;top:-10000px;left:0;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;}
.ellipsis {overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;word-wrap:normal;*white-space:normal;}
.wordbreak{word-break:break-all; word-wrap:break-word; white-space:normal;}

.clearfix {*zoom:1} /* IE5.5~7 브라우저 대응 Hack */
.clearfix:after {display:block;clear:both;content:" "} /* 표준브라우저 */

.align-c {text-align:center !important;}
.align-l {text-align:left !important;}
.align-r {text-align:right !important;}
.align-t {vertical-align:top !important;}
.align-m {vertical-align:middle !important;}
.align-b {vertical-align:bottom !important;}

.float-l {float:left !important;}
.float-r {float:right !important;}
.float-n {float:none !important;}

.txt-c {text-align:center !important;}
.txt-l {text-align:left !important;}
.txt-r {text-align:right !important;}

.scrolly {overflow:scroll;overflow-x:hidden}
.scrollx {overflow:scroll;overflow-y:hidden}
.scrollauto {overflow:auto;overflow-x:hidden}
.overflowh {overflow:hidden}

.txt-deco {text-decoration:underline}
.txt-deco-n {text-decoration:none}

.pos-a {position:absolute}
.pos-r {position:relative}
.pos-s {position:static}


/* margin, padding, font-size, color, line-height etc */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}

.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.lh10 {line-height:10px !important;}
.lh11 {line-height:11px !important;}
.lh12 {line-height:12px !important;}
.lh13 {line-height:13px !important;}
.lh14 {line-height:14px !important;}
.lh15 {line-height:15px !important;}
.lh16 {line-height:16px !important;}
.lh17 {line-height:17px !important;}
.lh18 {line-height:18px !important;}
.lh19 {line-height:19px !important;}
.lh20 {line-height:20px !important;}
.lh21 {line-height:21px !important;}
.lh22 {line-height:22px !important;}
.lh23 {line-height:23px !important;}
.lh24 {line-height:24px !important;}
.lh25 {line-height:25px !important;}
.lh26 {line-height:26px !important;}
.lh27 {line-height:27px !important;}
.lh28 {line-height:28px !important;}
.lh29 {line-height:29px !important;}
.lh30 {line-height:30px !important;}

/* Hack Guide 

.selector {*property:value}/* for ie7 
:root .selector {property:value\9}/* for ie9,10 
@-moz-document url-prefix() { /* for firefox 
	.selector {property:value;}
}

*/
